<!DOCTYPE html>
<html lang="en">

<head>

    <meta charset="utf-8" />
    <link rel="apple-touch-icon" sizes="76x76" href="./assets/img/favicon.ico">
    <link rel="icon" type="image/png" href="./assets/img/favicon.ico">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <title>数据资产管理平台</title>
    <meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0, shrink-to-fit=no'
          name='viewport' />
    <!-- <link href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/5.2.0/css/bootstrap-grid.css" rel="stylesheet"> -->
    <link href="./vendor/bootstrap-grid.css" rel="stylesheet">
    <!-- Google Font -->

    <link href="./assets/layui/css/layui.css" rel="stylesheet">
    <!-- Font Awesome Icons -->


    <!-- Main CSS -->
    <link href="./assets/css/main.css" rel="stylesheet" />

    <!-- Animation CSS -->
    <link href="vendor/aos.css" rel="stylesheet" />
    <link href="assets/css/serviceDetial.css" rel="stylesheet">
</head>
<style>
    .searchHeaderBox {
        position: absolute;
        top: 83px;
        z-index: 1999;
        background-color: white;
        width: 400px;
        left: 856px;
        padding: 10px;
    }

    .itxt {
        outline: none;
        border: none;
        width: 80px;
        text-align: center;
    }

    .decrement,
    .increment {
        background-color: #FF820C;
        border: none;
        width: 30px;
        cursor: pointer;
    }

    .decrement:focus,
    .increment:focus {
        outline: none;
    }

    .decrement {
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
    }

    .increment {
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
    }

    .searchHeaderBox .label {
        padding: 3px 8px;
        border: 1px solid #d8d8d8;
        margin-right: 12px;
        margin-bottom: 10px;
    }

    ::-webkit-input-placeholder {
        /* WebKit browsers */
        color: #999;
        font-size: 14px;
    }

    ::-moz-placeholder {
        /* Mozilla Firefox 19+ */
        color: #999;
        font-size: 14px;
    }

    :-ms-input-placeholder {
        /* Internet Explorer 10+ */
        color: #999;
        font-size: 14px;
    }

    .price {
        border-radius: 5px;
        padding: 2px 5px;
        border: 1px solid #FF820C;
        cursor: pointer;
    }

    .price.active {
        color: white;
        background-color: #FF820C;
    }

    .homologousProductMenu .card {
        flex: none;
        width: 22.5% !important;
        margin-left: 1.25% !important;
        margin-right: 1.25% !important;
        margin-bottom: 20px;
        cursor: pointer;
    }
</style>

<body>

<!----------------------------------------------------------------------
NAVBAR (remove topnav if you don't want changed nav background on scroll)
------------------------------------------------------------------------>
<nav class="topnav navbar navbar-expand-lg navbar-dark fixed-top">
    <div class="container-fluid">
        <a class="navbar-brand" href="./index.html"><i class="fas fa-globe-africa mr-2"></i><strong>数据流通云</strong>
        </a>
        <button class="navbar-toggler collapsed" type="button" data-toggle="collapse" data-target="#navbarColor02"
                aria-controls="navbarColor02" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
        </button>
        <div class="navbar-collapse collapse" id="navbarColor02">
            <ul class="navbar-nav mr-auto d-flex align-items-center">
                <li class="nav-item">
                    <a class="nav-link" href="./index.html">门户首页</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="./dataResources.html">公开数据</a>
                </li>
<!--                <li class="nav-item dropdown">-->
<!--                    <a class="nav-link" href="productStore.html">数据产品 </a>-->
<!--                </li>-->
<!--                <li class="nav-item">-->
<!--                    <a class="nav-link" href="./serviceStore.html">服务产品</a>-->
<!--                </li>-->
<!--                <li class="nav-item">-->
<!--                    <a class="nav-link" href="./customShop.html">定制数据</a>-->
<!--                </li>-->
                <li class="nav-item">
                    <a class="nav-link" href="./developer.html">平台介绍</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="./newMessage.html">平台资讯</a>
                </li>
<!--                <li class="nav-item">-->
<!--                    <a class="nav-link" href="./accessData.html">数据访问</a>-->
<!--                </li>-->
                <li class="nav-item highSerachBtn">
                    <div class="col pt-4 pb-4">
                        <a class="btn btn-lg btn-outline-white btn-round searchKeyword text-white"><span
                                class="iconbox border-0" style="margin-right: 5px;"><i
                                class="fas fa-search"></i></span>搜索</a>
                    </div>
                </li>
            </ul>
            <ul class="navbar-nav ml-auto d-flex align-items-center">
<!--                <li class="nav-item">-->
<!--                    <a class="nav-link myBtn" href="javascript:;">-->
<!--							<span class="iconbox border-0" style="margin-right: 5px;"><i-->
<!--                                    class="fas fa-cart-arrow-down"></i></span>产品袋-->
<!--                    </a>-->
<!--                </li>-->
                <li class="nav-item">
                    <a class="nav-link" href="./mySpace.html">
							<span class="iconbox border-0" style="margin-right: 5px;"><i
                                    class="fas fa-book-reader"></i></span>用户中心 </a>
                </li>
                <li class="nav-item disabledNone" id="userInfo">
                    <ul class="layui-nav" style="background-color: rgba(244, 244, 244, 0);padding: 0;">
                        <li class="layui-nav-item">
                            <a href="javascript:;" style="color: #353c58 !important;">
                                <span class="iconbox border-0" style="margin-right: 5px;"><i class="iconfont icon-user-fill"></i></span>
                                用户：<span id="accunt">登录过期</span>
                            </a>
                            <dl class="layui-nav-child">
                                <dd><a href="./changePassword.html">修改密码</a></dd>
                                <dd><a href="" id="logOutBtn">退出登录</a></dd>
                            </dl>
                        </li>
                    </ul>
                </li>
                <li class="nav-item disabledNone" id="attestation">
                    <a class="nav-link" style="color:#FF820C;padding-left: 0px;font-size:12px;cursor: pointer;">未认证</a>
                </li>
                <li class="nav-item disabledNone noUser">
                    <a class="nav-link" href="./login.html">
							<span class="iconbox border-0" style="margin-right: 5px;"><i
                                    class="fas fa-user"></i></span>登录 </a>
                </li>
                <li class="nav-item disabledNone noUser">
						<span class="nav-link" href="./register.html">
							<a class="btn btn-cyan btn-round shadow-sm text-white" href="#" data-toggle="modal"
                               data-target="#modal_newsletter">
								<i class="fab fa-github"></i> 立即注册 <a href="#" class="downloadzip" class="hidden"></a>
							</a>
						</span>
                </li>
            </ul>
        </div>
    </div>
</nav>
<!-- End Navbar -->


<!-------------------------------------HEADER--------------------------------------->
<header>
    <div class="jumbotron jumbotron-lg jumbotron-fluid mb-0 pb-3 bg-primary position-relative"
         style="background-color: #03CA93 !important;">
        <div class="container-fluid text-white h-100">
            <div class="d-lg-flex align-items-center justify-content-between text-center pl-lg-5">
                <div class="col pt-4 pb-4">
                    <h1 class="display-3 text-white"><strong id="dataTitle">定制数据详情</strong></h1>
                    <h4 class="font-weight-light mb-4 text-white"><strong> 数据资产管理</strong><strong></strong></h4>
                </div>
                <div
                        class="col align-self-bottom align-items-right text-right h-max-380 h-xl-560 position-relative z-index-1">
                    <img src="assets/img/demo/ali/fuwu.gif" class="rounded img-fluid">
                </div>
            </div>
        </div>

</header>

<main class="container">
    <!--------------------------------------PRICING--------------------------------------->
    <section class="pt-4 pb-5" data-aos="fade-up">
        <h3 class="h5 mb-4 font-weight-bold">定制信息</h3>
        <div>
            <div class="requestInfo">
            </div>
        </div>
    </section>



    <!--------------------------------------productInfo--------------------------------------->
    <section class="pt-4 pb-5" data-aos="fade-up">
        <!-- <h3 class="h5 mb-4 font-weight-bold" class="text-center">数据产品详情</h3> -->
        <div>
            <div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
                <div class="layui-tab-content">
                    <div class="layui-tab-item layui-show">
                        <div class="ace-tab-goods-card">
                            <div class="goods-card-box">
                                <div class="good-card-corner"></div>
                                <div class="row" style="margin: 40px 20px;">
                                    <div class="col">
                                        <div>名称：<span class="name">admin</span></div>
                                        <div>创建者：<span class="createBy">admin</span></div>
                                        <div>联系人：<span class="contact">admin</span></div>
                                        <div>联系电话：<span class="phone">admin</span></div>
                                    </div>
                                    <div class="col">
                                        <div>数据资源名称：<span class="dataSourceName">无</span></div>
                                        <div>数据资源用户名称：<span class="dataSourceUserName">无</span></div>
                                        <!--											<div>共享类型：<span class="sharedType">无</span></div>-->
                                        <div>定制类型：<span class="type">无</span></div>
                                    </div>
                                    <div class="col">
                                        <div>创建时间：<span class="createTime">admin</span></div>
                                        <div>更新时间：<span class="updateTime">admin</span></div>
                                        <!--											<div>截止时间：<span class="deadline">admin</span></div>-->
                                        <div>价格：<span class="Price">无</span></div>
                                    </div>
                                </div>
                                <div class="row" style="margin: 40px 20px;">
                                    <div class="col">
                                        <div>具体需求：<span class="productDetail">无</span></div>
                                    </div>
                                </div>
                                <div class="row" style="margin: 40px 20px;">
                                    <div class="col">
                                        <div>备注：<span class="remark">无</span></div>
                                    </div>
                                </div>
                                <div class="row" style="margin: 40px 20px;">
                                    <div class="col">
                                        <div>附件：<span class="">—</span></div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col">
                                        <button class="customizeAccept btn btn-success"
                                                style="margin-left: 48%;margin-bottom: 20px;">申请认领</button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>



</main>

<!-------------------------------------- FOOTER 底部 --------------------------------------->
<footer class="bg-black pb-5" style="padding-top: 20px;padding-bottom: 20px !important;background-color: #FF6A00;">
    <div class="container">
        <div class="row" style="text-align: center;">
            <div class="col-12 col-md mr-4">
                <small class="d-block mt-3 text-muted" style="color: white !important;">
                    <p style="color: white;margin-top: 10px;font-size: 30px;">数据资产管理平台</p>
                    Copyright @ 2022 数据资产管理平台-版权所有 蜀ICP备202223603号
                </small>
                <small class="d-block mt-3 text-muted" style="color: white !important;">
                    <a href="./legal.html" style="color: white;">隐私政策</a> |
                    <a href="./legal.html" style="color: white;">服务条款</a> |
                    <a href="./legal.html" style="color: white;">版权声明</a>
                </small>
            </div>
        </div>
    </div>
</footer>




<!-------------------------------------- JAVASCRIPTS --------------------------------------->
<script src="vendor/jquery.min.js" type="text/javascript"></script>
<script src="vendor/popper.min.js" type="text/javascript"></script>
<script src="vendor/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
<script src="vendor/share.js" type="text/javascript"></script>
<script src="js/functions.js" type="text/javascript"></script>
<!-- <script src="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/5.2.0/js/bootstrap.bundle.js"></script> -->
<script src="./vendor/bootstrap.bundle.js"></script>
<script src="./assets/layui/layui.js" type="text/javascript"></script>
<script src="js/tool.js" type="text/javascript"></script>
<script src="js/header.js" type="text/javascript"></script>
<!-- tab事件-->
<script>
    $(function () {
        $('a[data-toggle="tab"]').on('shown.bs.tab', function (e) {
            // 获取已激活的标签页的名称
            var activeTab = $(e.target).text();
            // 获取前一个激活的标签页的名称
            var previousTab = $(e.relatedTarget).text();
            $(".active-tab span").html(activeTab);
            $(".previous-tab span").html(previousTab);
        });
    });
</script>
<!-- Animation -->
<script src="vendor/aos.js" type="text/javascript"></script>
<noscript>
    <style>
        *[data-aos] {
            display: block !important;
            opacity: 1 !important;
            visibility: visible !important;
        }
    </style>
</noscript>
<script>
    AOS.init({
        duration: 700
    });
</script>

<!-- Disable animation on less than 1200px, change value if you like -->
<script>
    AOS.init({
        disable: function () {
            var maxWidth = 1200;
            return window.innerWidth < maxWidth;
        }
    });
</script>

<!-- Carousel Height Smooth -->
<!-- <script>
$('.carousel').on('slide.bs.carousel', function (event) {
  var height = $(event.relatedTarget).height();
  var $innerCarousel = $(event.target).find('.carousel-inner');
  $innerCarousel.animate({
    height: height
  });
});
</script> -->

<!-- Popovers -->
<script>
    $(function () {
        $('[data-toggle="popover"]').popover()
    })
    $('.popover-dismiss').popover({
        trigger: 'focus'
    })
</script>

<!-- Tooltips -->
<script>
    $(function () {
        $('[data-toggle="tooltip"]').tooltip()
    })
</script>

<script>
    $(function () {
        function getUrlParam(name) {
            var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); //构造一个含有目标参数的正则表达式对象
            var r = window.location.search.substr(1).match(reg); //匹配目标参数
            if (r != null) return unescape(r[2]);
            return null; //返回参数值
        }
        //获取定制信息详情
        let userId, id
        function customizeRequest() {
            $.ajax({
                timeout:30000,
                url: window.Http + "/CustomizeRequest/" + getUrlParam('customId'),
                type: 'GET',
                headers: {
                    'Authorization': "Bearer " + sessionStorage.getItem('Token')
                },
                success: function (res) {
                    if (res.code == 200) {
                        userId = res.data.requestUserId || 3;
                        id = res.data.id;
                        let sharedType = {
                            '0': '无条件共享',
                            '1': '需要授权',
                            '2': '需要确权',
                            '3': '需要确权授权',
                        }
                        let type = {
                            1: '非定向定制',
                            2: '定向定制',
                        }
                        //TODO 数据资源名称和用户名称
                        $('.createTime').html(res.data.createTime)
                        $('.createBy').html(res.data.createBy)
                        $('.contact').html(res.data.contact)
                        $('.dataSourceName').html(res.data.dataSourceName)
                        $('.dataSourceUserName').html(res.data.dataSourceUserName)
                        $('.name').html(res.data.name)
                        $('.productDetail').html(res.data.productDetail)
                        $('.phone').html(res.data.phone)
                        $('.Price').html(res.data.price)
                        $('.remark').html(res.data.remark)
                        $('.requestInfo').html(res.data.requestInfo)
                        $('.sharedType').html(sharedType[`${res.data.sharedType}`])
                        $('.type').html(type[`${res.data.type}`])
                        $('.updateTime').html(res.data.updateTime)
                        $('.deadline').html(res.data.deadline)
                    }
                }
            });

        }
        customizeRequest()
        $('.customizeAccept').click(function () {
            let data = {
                "continueTime": "",
                "createBy": "",
                "createTime": "",
                "createUserId": 0,
                "customizeId":  getUrlParam('customId'),
                "detailed": "",
                "id": id,
                "isDelete": 0,
                "productDefine": "",
                "productName": "",
                "programming": "",
                "remark": "",
                "requestPrice": 0,
                "status": 0,
                "updateTime": "",
                "userId": userId
            }
            $.ajax({
                timeout:30000,
                url: window.Http + "/CustomizeRequest/findBy/"+Number(getUrlParam('customId')),
                type: 'POST',
                headers: {
                    'Authorization': "Bearer " + sessionStorage.getItem('Token')
                },
                // contentType: 'application/json;charset=utf-8',
                // data: {
                // 	id:Number(getUrlParam('customId'))
                // },
                success: function (res) {
                    console.log(res)
                    if (res.code === 200) {
                        layer.alert('认领成功', {icon: 1,title: ""});
                    } else {
                        layer.alert(`${res.msg}`, {icon: 5});
                    }
                }
            });
        })
    })
</script>

</body>

</html>
